<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>仿小米首页</title>
	<link rel="stylesheet" href="./css/main.css">
	<script type="text/javascript" src='./js/jquery-1.7.2.js'></script>
	<script type="text/javascript" src="./js/main.js"></script>
</head>
<body>
	<div class="top">
		<div class="top_mid">
			<div class="top_nav">
				<a href="" class="nav_itmes">小米商城</a>
				<span>|</span>
				<a href="" class="nav_itmes">MIUI</a>
				<span>|</span>
				<a href="" class="nav_itmes">米聊</a>
				<span>|</span>
				<a href="" class="nav_itmes">游戏</a>
				<span>|</span>
				<a href="" class="nav_itmes">多看阅读</a>
				<span>|</span>
				<a href="" class="nav_itmes">云服务</a>
				<span>|</span>
				<a href="" class="nav_itmes">金融</a>
				<span>|</span>
				<a href="" class="nav_itmes">小米网移动版</a>
				<span>|</span>
				<a href="" class="nav_itmes">问题反馈</a>
				<span>|</span>
				<a href="" class="nav_itmes">Select Region</a>
			</div>
			<div class="top_right">
				<a href="" class="nav_itmes">登录</a>
				<span>|</span>
				<a href="" class="nav_itmes">注册</a>
				<span>|</span>
				<a href="" class="nav_itmes">消息通知</a>
				<a href="" class="nav_itmes car"><i class='iconfont'>&#xe60c;</i>购物车(0)</a>
			</div>
		</div>
	</div>
	<div class="header">
		<div class="header_mid">
			<div class="menu">
				<div class="logo">
					<a  class="logo_item" href=""><img src="./images/logo.png" alt=""></a>
					<a  href=""><img src="./images/mi5.gif" alt=""></a>	
				</div>
				<div class="menu_item">
					<a href="" class="menu_list">小米手机</a><a href="" class="menu_list">红米</a><a href="" class="menu_list">平板 · 笔记本</a><a href="" class="menu_list">电视</a><a href="" class="menu_list">盒子 · 影音</a><a href="" class="menu_list">路由器</a><a href="" class="menu_list">智能硬件</a><a href="" class="menu_list">服务</a><a href="" class="menu_list">社区</a>
				</div>
				<div class="search">
					<input class="serach_val" type="text">
					<input class="submit_btn iconfont" type="submit" value="&#xe616;">
				</div>
			</div>
			<div class="banner">
				<div class="banner_menu_borther"></div>
				<div class="banner_menu">
					<ul class="menu_item">
						<li class="menu_list">手机 电话卡<i class='iconfont'></i>
							<div class="son">
								<img src="./images/menulist.png" alt="">
							</div>
						</li>
						<li class="menu_list">手机 电话卡<i class='iconfont'></i>
							<div class="son">
								<img src="./images/menulist1.png" alt="">
							</div>
						</li>
						<li class="menu_list">手机 电话卡<i class='iconfont'></i></li>
						<li class="menu_list">手机 电话卡<i class='iconfont'></i></li>
						<li class="menu_list">路由器 智能硬件<i class='iconfont'></i></li>
						<li class="menu_list">手机 电话卡<i class='iconfont'></i></li>
						<li class="menu_list">手机 电话卡<i class='iconfont'></i></li>
						<li class="menu_list">手机 电话卡<i class='iconfont'></i></li>
						<li class="menu_list">手机 电话卡<i class='iconfont'></i></li>
						<li class="menu_list">手机 电话卡<i class='iconfont'></i></li>
					</ul>
				</div>

				<div class="banner_item">
					<ul class="banner_item_father">
						<li class="banner_list"><img src="./images/banner1.jpg" alt=""></li>
						<li class="banner_list"><img src="./images/banner2.jpg" alt=""></li>
						<li class="banner_list"><img src="./images/banner3.jpg" alt=""></li>
						<li class="banner_list"><img src="./images/banner4.jpg" alt=""></li>
						<li class="banner_list"><img src="./images/banner5.jpg" alt=""></li>
					</ul>
					<span class='turn_left'></span>
					<span class='turn_right'></span>
					<ul class="click_button">
						<li class="click_list"></li>
						<li class="click_list"></li>
						<li class="click_list"></li>
						<li class="click_list"></li>
						<li class="click_list"></li>
					</ul>
				</div>
			</div>
			<div class="ad">
				<ul class="home-channel-list">
					<li><a href=""><i class='iconfont'>&#xe901;</i>选购手机</a>
					<span class='line_right'></span></span><span class='line_bottom'></li>
					<li><a href=""><i class='iconfont'>&#xe901;</i>选购手机</a><span class='line_right'></span><span class='line_bottom'></li>
					<li><a href=""><i class='iconfont'>&#xe901;</i>选购手机</a></span><span class='line_bottom'></li>
					<li><a href=""><i class='iconfont'>&#xe901;</i>选购手机</a><span class='line_right'></span></li>
					<li><a href=""><i class='iconfont'>&#xe901;</i>选购手机</a><span class='line_right'></span></li>
					<li><a href=""><i class='iconfont'>&#xe901;</i>选购手机</a></li>
				</ul>
			</div>
		</div>
		<div class="bg">
			<ul class="bg_mid">
				<li><img src="./images/mid1.png" alt=""></li>
				<li><img src="./images/mid2.png" alt=""></li>
				<li><img src="./images/mid3.png" alt=""></li>
				<li>4</li>
				<li>5</li>
				<li>6</li>
			</ul>
		</div>
	</div>
</body>
</html>